<template>
  <div class="box">
    <el-menu
      class="left"
      :default-active="defaultActive"
      background-color="#f6f6f6"
      text-color="#4C413D"
      active-text-color="#70aef5"
    >
      <el-menu-item index="1"> <a href="#1"></a>关于这本手册 </el-menu-item>
      <el-menu-item index="2"> <a href="#2"></a>使用须知 </el-menu-item>
      <el-menu-item index="3"> <a href="#3"></a>登录系统 </el-menu-item>
      <el-menu-item index="4"> <a href="#4"></a>大数据页面展示 </el-menu-item>
      <el-submenu index="5">
        <template slot="title"> <a href="#5"></a>功能模块 </template>
        <el-menu-item index="6"> <a href="#6"></a>站点分布 </el-menu-item>
        <el-menu-item index="7"> <a href="#7"></a>实时数据 </el-menu-item>
        <el-menu-item index="8"> <a href="#8"></a>数据分析 </el-menu-item>
        <el-menu-item index="9"> <a href="#9"></a>对比分析 </el-menu-item>
        <el-menu-item index="10"> <a href="#10"></a>风险分析 </el-menu-item>
        <el-menu-item index="11"> <a href="#11"></a>数据统计 </el-menu-item>
        <el-menu-item index="12"> <a href="#12"></a>预警管理 </el-menu-item>
        <el-submenu index="13">
          <template slot="title"> <a href="#13"></a>系统管理 </template>
          <el-menu-item index="14">
            <a href="#14"></a>采集设备管理
          </el-menu-item>
          <el-menu-item index="15">
            <a href="#15"></a>预警阈值管理
          </el-menu-item>
          <el-menu-item index="16">
            <a href="#16"></a>预警通知管理
          </el-menu-item>
          <el-menu-item index="17"> <a href="#17"></a>监测体管理 </el-menu-item>
          <el-menu-item index="18"> <a href="#18"></a>参考系管理 </el-menu-item>
          <el-menu-item index="19"> <a href="#19"></a>统计报表 </el-menu-item>
          <el-menu-item index="20"> <a href="#20"></a>数据下载 </el-menu-item>
          <el-menu-item index="21"> <a href="#21"></a>用户管理 </el-menu-item>
          <el-menu-item index="22"> <a href="#22"></a>角色管理 </el-menu-item>
          <el-menu-item index="23"> <a href="#23"></a>权限管理 </el-menu-item>
          <el-menu-item index="24"> <a href="#24"></a>日志管理 </el-menu-item>
          <el-menu-item index="25"> <a href="#25"></a>版本更新 </el-menu-item>
        </el-submenu>
      </el-submenu>
    </el-menu>
    <div class="right">
      <el-scrollbar style="height: 86vh">
        <div id="1">
          <h2>1.关于这本手册</h2>
          <p>
            该产品用户操作手册包含了您在使用西宁市地质灾害监测预警信息平台时所需了解的信息。手册中所出现的用户名称及相关数据可能不作为任何正式西宁市地质灾害监测预警信息平台的依据，在本系统正式使用前将予以修改。
          </p>
        </div>
        <div id="2">
          <h2>2.使用须知</h2>
          <h3>2.1系统性能设计</h3>
          <h4>2.1.1系统安全性设计</h4>
          <h5>操作安全性</h5>
          <p>
            操作安全性由网络登录验证、数据库登录验证、应用系统使用验证三级组成。网络登录验证由操作系统完成，用于对具有网络资源访问权限用户的验证；数据库登录验证由数据库服务器完成，用于对具有数据库访问权限用户的验证；系统使用验证由应用系统完成，用于对具有应用系统使用权限用户的验证。即采用三种验证方式相结合的方式验证用户。
          </p>
          <h5>数据传输安全性</h5>
          <p>
            为保证数据传输的安全性，使得所传输数据不被盗窃、更改，应用系统所采集的重要原始数据可采用网络加密传输、数据库加密传输或应用系统数据加密相结合的技术。
          </p>
          <h5>数据存储安全性</h5>
          <p>
            重要数据因某种原因需用存储介质进行长期备份存储时，可采用加密算法对数据进行加密，使得非法用户不能理解其含义，当合法用户访问时再将其还原。
          </p>
          <h5>采用日志</h5>
          <p>
            运用日志，对进入系统的用户的操作进行记录，包括合法用户的操作和非法用户的尝试性登录；可以根据日志进行事后分析，从而找到事故的发生原因、责任者或非法用户。
          </p>
          <h5>原始数据的安全性</h5>
          <p>
            为了保证原始数据的原始性，原始数据一旦保存，便不能被更改；对错误数据只能采取增加一条记录来修正的方式处理，对修正数据应加标志以保证正确性，同时对于修正操作应做数据修正日志，记录修正人相关信息及修正原因等。
          </p>
          <h4>2.1.2系统可靠性设计</h4>
          <p>
            集群的体系结构使得集群具有可以动态扩充的特点，也就是说，服务器多冗余的应用实例可以动态增加和减少，当客户请求量增大，现有配置的实例的数量不能满足需求的时候可以增加新的应用实例，而当客户的请求量明显减少，现有配置的实例数量造成了明显的浪费的时候，可以适当减少实例。由于多个实例同时服务，因而服务的可用性得到了大大的提高，服务器不会因为某个服务实例的失败而导致整个服务的失败。集群系统另一个非常重要的特征就是负载均衡，当某个服务实例的负载很大而存在其他负载很小的实例的时候，调度模块会根据一定的调度策略将重负载实例中的部分负载重新分配给其他实例，这样就实现了负载均衡的功能，从而提高了整个服务器的服务性能。
          </p>
          <p>综上应用程序服务器群集有以下好处：</p>
          <p>可扩展性：可以增强应用程序的能力；</p>
          <p>
            高可用性：如果群集中的某一个应用程序服务器实例失败，应用程序处理将可以在群集中的其他应用程序
          </p>
          <p>服务器实例上继续进行；</p>
          <p>
            对于Web应用，集群主要提供Http
            Session的复制。通过对Session的复制，实现对Servlet的集群支持。Session的复制通过如下机制保持：文件复制、数据库复制和内存复制。
          </p>
          <p>
            文件和数据库复制很相似。集群中的每台服务器保持到共享文件服务器或数据库服务器的连接。创建或改变状态信息时将它写入文件或数据库记录中。当集群中的服务器出现故障时，后续客户端请求被路由到集群中其他可用成员上。新服务器读取会话ID（在初始化会话时建立，并存储在cookie中或写入到请求的URL中），并且从数据库或文件系统中取得相关的状态。接着新服务器就能够继续处理客户端的事务。
          </p>
          <p>
            内存中的复制将状态信息从主服务器发送到内存中指定的备份服务器上。如果主服务器出现故障，客户端将被路由到新的服务器上。该新的服务器具有状态副本（在这种情况下，它指定新的服务器作为备份，创建会话状态的备份副本，并担当主服务器的角色）或从备份中（在这种情况下，它担当主服务器的角色，从旧的备份中清除会话状态，建立新的备份服务器，并在备份上创建新的状态副本）获取状态。类似于会话ID，备份服务器的ID也被写入cookie或URL，从而允许新的服务器从备份中恢复会话状态。新的服务器能够继续处理客户端事务。
          </p>
          <p>对于客户端的Session的保持，可以使用Load Balancer硬件。</p>
          <p>
            在物联网云平台中所使用的所有大数据平台中间件均已实现集群功能，且在业界得到广泛的验证，根据其集群的实现模式，可分为中心化、去中心化两类。
          </p>
          <h3>2.2系统性能设计</h3>
          <h4>2.2.1响应时间</h4>
          <p>
            物联网基础设施采集点数据由上报至展现完成其时间窗口不大于5秒；物联网基础设施采集点数据由上报至预警完成其时间窗口不大于2秒；日常操作用的显示响应时间（从敲执行键到完全显示画面、包含所有相关数据）不大于2秒；复杂图表的显示响应时间不大于10秒。
          </p>
          <h4>2.2.2CPU和LAN负载率</h4>
          <h5>CPU平均负荷率</h5>
          <p>系统稳定状态：服务器&lt;50%</p>
          <p>系统繁忙状态：服务器&lt;70%</p>
          <h5>内存</h5>
          <p>系统稳定状态：服务器&lt;64G</p>
          <p>系统繁忙状态：服务器&lt;128G</p>
          <p>在每5分钟测试期间，系统LAN负荷不大于30%</p>
          <h4>2.2.3并发处理</h4>
          <p>每秒接收、规整、存储、索引、预警数据条目数≥50000条；</p>
          <p>
            系统峰值时：每秒接收、规整、存储、索引、预警数据条目数≥80000条；
          </p>
          <p>并发处理用户（管理用户）≥30人；</p>
          <p>系统峰值时响应速度：并发处理用户（管理用户）≥50人；</p>
          <h3>2.3第三方软件配置</h3>
          <h4>2.3.1平台软件</h4>
          <table>
            <tr>
              <th>软件类型</th>
              <th>软件名称及版本</th>
              <th>备注</th>
            </tr>
            <tr>
              <td>操作系统</td>
              <td>RHEL-6.5</td>
              <td>免费、使用者广泛</td>
            </tr>
            <tr>
              <td>Web应用服务器</td>
              <td>Tomcat</td>
              <td>免费、使用者广泛</td>
            </tr>
            <tr>
              <td>Http服务器</td>
              <td>Apache-2.2.31</td>
              <td>免费、使用者广泛</td>
            </tr>
            <tr>
              <td>数据库</td>
              <td>MySQL-5.6</td>
              <td>免费、使用者广泛</td>
            </tr>
            <tr>
              <td>Java运行环境</td>
              <td>JDK-1.7.0.55</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
          </table>
          <h4>2.3.2开源组件</h4>
          <table>
            <tr>
              <th>软件类型</th>
              <th>软件名称及版本</th>
              <th>备注</th>
            </tr>
            <tr>
              <td>搜索引擎</td>
              <td>Elastic Search-2.4.0</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
            <tr>
              <td>分布式列存储数据库</td>
              <td>Hbase-0.98.6(CDH-5.1.3)</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
            <tr>
              <td>分布式队列服务器</td>
              <td>Kafka-2.11-0.10.0.1</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
            <tr>
              <td>分布式文件系统</td>
              <td>Hdfs-2.5.0(CDH-5.1.3)</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
            <tr>
              <td>分布式配置管理服务器</td>
              <td>Zookeeper-3.4.5(CDH-5.1.3)</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
            <tr>
              <td>分布式计算框架</td>
              <td>Spark-1.0.0(CDH-5.1.3)</td>
              <td>开源、免费、使用者广泛</td>
            </tr>
          </table>
          <h4>2.3.3开发工具</h4>
          <table>
            <tr>
              <th width="200">软件类型</th>
              <th>软件名称及版本</th>
              <th>备注</th>
            </tr>
            <tr>
              <td>版本管理</td>
              <td>Svn-1.8.0</td>
              <td>版本管理及协同开发基础软件</td>
            </tr>
            <tr>
              <td>依赖管理</td>
              <td>Maven-3.0.0</td>
              <td>业界最广泛使用的java研发依赖管理工具</td>
            </tr>
            <tr>
              <td>开发IDE</td>
              <td>Eclipse-3.6.0</td>
              <td>广泛应用的java IDE插件化管理</td>
            </tr>
          </table>
          <h3>2.4系统配置</h3>
          <h4>2.4.1开发环境</h4>
          <p>
            西宁市地质灾害监测预警信息平台的研发环境包括硬件环境和软件环境。
          </p>
          <p>
            （1）硬件环境：根据模块的功能、速度和存储数据量，需要在64G以上内存，8T以上硬盘，主频2.2GHz以上服务器计算机上运行。同时可根据需要配置打印机、扫描仪、绘图仪、备份存储设备等外围设施。
          </p>
          <p>
            （2）软件环境：在Win7/Win8/Windows Vista/WIN10/Linux
            6.0以上操作系统版本上运行。
          </p>
          <p>（3）软件系统的开发环境：</p>
          <p>开发平台：explise</p>
          <p>开发工具：explise</p>
          <p>
            运行环境：Windows 7，Windows 8，Windows Vista，WIN10，Linux
            6.0以上版本
          </p>
          <p>数据库运行平台：ES、MySQL</p>
          <h4>2.4.2软件平台</h4>
          <p>操作方式：直接通过浏览器输入网址进入此云平台操作界面。</p>
        </div>
        <div id="3">
          <h2>3.登录系统</h2>
          <h3>3.1用户登陆</h3>
          <img src="../../assets/instructions/login.png" alt="" />
          <p>
            在浏览器中直接输入网址可进入此登录页面，【用户登录】当用户正确输入用户名、密码以及验证码后即可登录云平台。如忘记登录密码，可及时联系科博的专业人员找回密码。
          </p>
        </div>
        <div id="4">
          <h2>4.大数据页面展示</h2>
          <img src="../../assets/instructions/home.png" alt="" />
          <p>
            此页面运用饼图、柱状图或其他图表展示各项目具体数据信息，以及当地的天气状况，简洁明了，右侧的项目列表和地图中的项目定位可直接点击进入站点分布。设备分布模块：传感器分布到每个项目的数量。超限统计模块：指每个项目北斗、岩土、气象超限的数量。预警统计模块：指每个项目北斗岩土预警数量和正常数量。在线情况模块：指每个项目北斗岩土气象在线数量和掉线数量。分类统计模块：指传感器正常数量和故障数量。
          </p>
        </div>
        <div id="6">
          <h2>5.功能模块</h2>
          <h3>5.1站点分布</h3>
          <img src="../../assets/instructions/site.png" alt="" />
          <p>
            【站点分布】此功能基于百度地图，可在平台上精准实现北斗位移监测点的站点位置信息，有效地展示各个站点的空间分布情况，左侧的项目信息列表可查看具体站点的在线情况，右侧的柱状图，饼图可以了解当前项目的具体情况。监测点以图标形式进行显示，同时可对监测区域进行放大或缩小调整。
          </p>
          <p>点击监测点的图标可以显示当前站点的位移过程、累计位移和位移速率</p>
          <img src="../../assets/instructions/map.png" alt="" />
        </div>
        <div id="7">
          <h3>5.2实时数据</h3>
          <h4>5.2.1实时数据-数据表、曲线图</h4>
          <img src="../../assets/instructions/realData.png" alt="" />
          <p>
            【实时数据-数据表】此功能为对站点的实时数据信息进行显示，可以较为清晰地展示实时数据，可实时查看站点的卫星数、经度、纬度、高程、x方向、y方向等实时数据，可以满足实时数据以1Hz的频率同时以数据表和曲线图的形式对监测数据进行显示。
          </p>
          <p>
            【实时数据-曲线图】此功能包含x方向、y方向、H方向的实时数据折线图，在界面右上角可观看实时数据折线图的同时也可保存成图及其他格式。
          </p>
          <h4>5.2.2星空图</h4>
          <img src="../../assets/instructions/star.png" alt="" />
          <p>
            【卫星状况】此功能包含星空图和卫星信噪比图，星空图实时展示GPS、BDS、GLONASS卫星数。卫星信噪比是指信号和噪声的比例，信噪比越大，则表示信号越好，信噪比图可实时打印或选择PNG、JPEG、PDF等格式进行下载。
          </p>
        </div>
        <div id="8">
          <h3>5.3数据分析</h3>
          <h4>5.3.1单点变形分析</h4>
          <img src="../../assets/instructions/analysis1.png" alt="" />
          <p>
            【变形分析】此功能对监测区域的位移变化进行成图显示，直观地展示监测体的变化趋势，对数据做上限下限预警。点击【开始时间】可选择站点监测的开始时间，点击【结束时间】可选择站点监测的结束时间，点击【统计时间类型】可选择所需统计时间类型，如24小时、12小时、6小时等，点击【查询】可对该时间段内的数据进行成图展示，点击【导出】可导出该时间段内的数据。
          </p>
          <h4>5.3.2静态数据分析</h4>
          <img src="../../assets/instructions/analysis2.png" alt="" />
          <h4>5.3.3单点变形速率分析</h4>
          <img src="../../assets/instructions/analysis3.png" alt="" />
          <p>
            【单点变形速率】此功能对监测区域的位移变化速率进行成图显示，直观地展示监测体的变形速率。点击【开始时间】可选择站点监测的开始时间，点击【结束时间】可选择站点监测的结束时间，点击【统计时间类型】可选择所需统计
            时间类型，如24小时、12小时、6小时等，点击【查询】可对该时间段内的数据进行成图展示，点击【导出】可导出该时间段内的数据。
          </p>
          <h4>5.3.4累计变形分析</h4>
          <img src="../../assets/instructions/analysis4.png" alt="" />
          <p>
            【累计变形分析】此功能用于查看所有站点累计时间段内的变形量。累计变形分析图可保存为图片进行下载。显示时间与x平移、y平移和H下沉之间累计变形的关系，同时以柱状图形式进行显示，支持历史数据的查询与导出，统计时间具有不同时间段类别。
          </p>
          <h4>5.3.5GNSS反演可降水量</h4>
          <img src="../../assets/instructions/analysis5.png" alt="" />
        </div>
        <div id="9">
          <h3>5.4对比分析</h3>
          <img src="../../assets/instructions/contrastiveAnalysis.png" alt="" />
          <p>
            【对比分析】此功能用于对比所有监测区域的位移变化进行成图对比
            ，直观展示各个监测体的变化趋势，进行对比
            。点击【新增】按钮，在弹出框中选择项目以及监测点，点击【确定】，可出现对比图。
          </p>
        </div>
        <div id="10">
          <h3>5.5风险分析</h3>
          <h4>5.5.1区域分析</h4>
          <p>
            【区域分析】此功能对监测点进行风险等级划分，可直观监测点的是否处于危险状态，可以在地图对当前监测点进行风险等级划分，点击右侧按钮，选择风险等级，点击【开始绘制】，在地图上画由点连成线，由线连成面
          </p>
          <h4>5.5.2站点分析</h4>
          <p>
            【站点分析】此功能对站点风险等级数据的明细查询、数据导出等功能。选择风险等级，再选择站点，点击【开始时间】可选择站点监测的开始时间，点击【结束时间】可选择站点监测的结束时间，点击【统计时间类型】可选择所需统计时间类型，如24小时、12小时、6小时等，点击【查询】可查看该时间段内的该站点的数据，点击【导出】可导出该时间段内的数据。
          </p>
          <h4>5.5.3参数设置</h4>
          <p>
            【参数设置】此功能对风险等级的参数设置，当每一级参数大于当前固定的值，就划分到下一个等级。点击【起始时间】可选择开始时间，点击【确定】可看出当前风险的参数值
          </p>
        </div>
        <div id="11">
          <h3>5.6数据统计</h3>
          <h4>5.6.1单点变形分析</h4>
          <img src="../../assets/instructions/statistic1.png" alt="" />
          <p>
            【数据统计】此功能包含历史数据的明细查询、数据导出等功能。点击【开始时间】可选择站点监测的开始时间，点击【结束时间】可选择站点监测的结束时间，点击【统计时间类型】可选择所需统计时间类型，如24小时、12小时、6小时等，点击【查询】可查看该时间段内的统计数据，点击【导出】可导出该时间段内的统计数据。
          </p>
          <h4>5.6.2变形速率分析</h4>
          <img src="../../assets/instructions/statistic2.png" alt="" />
          <p>
            【变形速率分析】此功能对监测区域的位移变化速率进行统计分析。点击【开始时间】可选择站点监测的开始时间，点击【结束时间】可选择站点监测的结束时间，点击【统计时间类型】可选择所需统计时间类型，如24小时、12小时、6小时等，点击【查询】可查看该时间段内的站点的变形速率统计数据，点击【导出】可导出该时间段内站点的变形速率统计数据。
          </p>
          <h4>5.6.3静态数据分析检验</h4>
          <img src="../../assets/instructions/statistic3.png" alt="" />
        </div>
        <div id="12">
          <h3>5.7预警管理</h3>
          <h4>5.7.1数据预警</h4>
          <img src="../../assets/instructions/warn1.png" alt="" />
          <p>
            【数据预警】此功能对监测区域的站点的实时监测数据进行预警。当数据达到阈值时，数据会发生预警，根据实际情况来对数据预警进行处理，点击【点击处理】进行预警处理，如数据恢复正常、1小时内不预警、6小时内不预警、1天内不预警等。
          </p>
          <h4>5.7.2设备预警</h4>
          <img src="../../assets/instructions/warn2.png" alt="" />
          <p>
            【设备预警】此功能对站点设备的运行状态进行预警。当设备出现掉线情况时，设备会发生预警，根据实际情况来对设备预警进行处理，点击【点击处理】进行预警处理，如数据恢复正常、1小时内不预警、6小时内不预警、1天内不预警等。
          </p>
          <h4>5.7.3预警日志</h4>
          <h5>5.7.3.1数据预警日志</h5>
          <p>
            此功能对预警的站点记录一个小时内的x、y、平面位移、方向位移和H方向的数据，显示站点预警时的时间，以及处理方式，处理人，处理时间等。点击【开始时间】可选择站点监测预警的开始时间，点击【结束时间】可选择站点监测预警的结束时间，点击【统计时间类型】可选择所需统计时间类型，如24小时、12小时、6小时等，点击【查询】可对该时间段内的预警站点以表显示出来，点击【导出】可导出该时间段内的数据。
          </p>
          <h5>5.7.3.2设备预警日志</h5>
          <p>
            对站点预警，显示预警的站点，状态和预警掉线时间，以及处理方式，处理人等，点击【开始时间】可选择站点监测预警的开始时间，点击【结束时间】可选择站点监测预警的结束时间，在站点名称框中输入要查看的站点，点击【查询】可对该时间段内的预警站点或输入的站点以表显示出来，点击【导出】可导出该时间段内的数据。
          </p>
          <h5>5.7.3.3阈值管理日志</h5>
          <p>
            对站点预警，显示预警的站点，类型和预警掉线时间，阈值修改过的内容以及处理人和处理时间等。点击【开始时间】可选择站点监测预警的开始时间，点击【结束时间】可选择站点监测预警的结束时间，在站点名称框中输入要查看的站点，点击【查询】可对该时间段内的预警站点或输入的站点以表显示出来，点击【导出】可导出该时间段内的数据。
          </p>
        </div>
        <div id="14">
          <h3>5.8系统管理</h3>
          <h4>5.8.1采集设备管理</h4>
          <img src="../../assets/instructions/management1.png" alt="" />
          <p>
            【采集设备管理】此功能对监测区域站点设备进行管理，可增删设备以及修改设备信息。输入采集设备名称，点击【查询】可查询对应设备的基本信息，点击【新增】可对新增的设备进行信息输入管理。
          </p>
        </div>
        <div id="15">
          <h4>5.8.2预警阈值管理</h4>
          <img src="../../assets/instructions/management2.png" alt="" />
          <p>
            【累计值上限】此功能对监测区域站点设备的累计阈值进行设置。输入采集设备名称，选择监测体名称，点击【查询】可查询对应设备设置的基本阈值信息，点击【设置】可根据测量规范对站点设备进行阈值的设置。
          </p>
        </div>
        <div id="16">
          <h4>5.8.3预警通知管理</h4>
          <img src="../../assets/instructions/management3.png" alt="" />
          <p>
            【数据预警】此功能对接收的数据预警邮件信息进行设置管理。输入接收人信息，选择监测体名称，点击【查询】可查询对应接收人的基本邮件信息，点击【设置】可新增接收人，用于接收数据预警信息。
          </p>
        </div>
        <div id="17">
          <h4>5.8.4监测体管理</h4>
          <img src="../../assets/instructions/management4.png" alt="" />
          <p>
            【监测体管理】此功能对监测区域的基本情况进行设置。输入监测体名称，点击【查询】可查询对应监测体的基本信息，点击【新增】可新增监测体的基本情况。
          </p>
        </div>
        <div id="18">
          <h4>5.8.5参考系管理</h4>
          <img src="../../assets/instructions/management5.png" alt="" />
          <p>
            【参考系管理】通过功能用户可以直接对传感器采集的数据进行坐标转换。转换后的数据其对应的变形曲线也会变换。
          </p>
        </div>
        <div id="19">
          <h4>5.8.6统计报表</h4>
          <img src="../../assets/instructions/management6.png" alt="" />
          <p>
            【统计报表】此功能可根据所监测的项目发送监测报告，以达到监测预警的目的。点击【选择监测项】选择监测的项目信息，【报表发送邮箱】填写收件人的邮箱信息，【报表标题】根据监测项目填写报表名称，【报表测试单位】根据项目需求填写报表测试单位，【工程概况】填写此次监测项目的大致情况，【技术路线】填写此次项目主要采取的技术，【监测网布设】填写此次项目实际布设的站点情况，【预警值设置及预警方式】根据规范填写预警的阈值以及报警方式。
          </p>
        </div>
        <div id="20">
          <h4>5.8.7数据下载</h4>
          <img src="../../assets/instructions/management7.png" alt="" />
          <p>
            【数据下载】通过此功能用户可以进行历史数据的下载，点击【监测体】可选择下载监测体对象，点击【时间】可选择下载数据时间段，点击【传感器】可下载指定传感器历史数据。
          </p>
        </div>
        <div id="21">
          <h4>5.8.8用户管理</h4>
          <img src="../../assets/instructions/management8.png" alt="" />
          <p>
            【用户管理】此功能对云平台的使用用户进行相关管理。输入用户名，点击【查询】可查询对应用户的基本使用信息，点击【新增】可增加用户，用于登录此云平台。
          </p>
        </div>
        <div id="22">
          <h4>5.8.9角色管理</h4>
          <img src="../../assets/instructions/management9.png" alt="" />
          <p>
            【角色管理】此功能对云平台的使用用户中的角色情况进行管理设置。输入角色名，点击【查询】可查询相应角色的描述，点击【新增】可增加不同角色。
          </p>
        </div>
        <div id="23">
          <h4>5.8.10权限管理</h4>
          <img src="../../assets/instructions/management10.png" alt="" />
          <p>
            【权限管理】此功能对云平台的使用用户的操作权限进行管理。输入角色名，点击【查询】可查询相应角色的使用权限，点击【修改权限】可对角色权限进行相应的修改。
          </p>
        </div>
        <div id="24">
          <h4>5.8.11日志管理</h4>
          <img src="../../assets/instructions/management11.png" alt="" />
          <p>
            【日志管理】此功能对操作用户的登录情况进行日志的记录及管理。输入用户名，点击【开始时间】可选择开始时间，点击【结束时间】可选择结束时间，点击【查询】可查询该时间段内所登录的用户。
          </p>
        </div>
        <div id="25">
          <h4>5.8.12版本更新</h4>
          <img src="../../assets/instructions/management12.png" alt="" />
          <p>
            【版本更新】此功能主要用户显示云平台的版本更新信息，同时用户也可以通过此功能对历史更新进行查询。
          </p>
        </div>
      </el-scrollbar>
    </div>
  </div>
</template>

<script>
export default {
  name: "Instructions",
  data() {
    return {
      defaultActive: "1",
    };
  },
};
</script>

<style lang="less" scoped>
.box {
  margin-top: 25px;
  display: flex;
  .left {
    border: 2px solid #e4e7ed;
    border-radius: 10px;
    width: 13%;
    padding-top: 10px;
    margin-right: 125px;
    margin-left: 10px;
    overflow: hidden;
    /deep/ .el-submenu__title {
      height: 30px;
      line-height: 30px;
    }
    /deep/ .el-menu-item {
      height: 30px;
      line-height: 30px;
      a {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
      }
    }
  }
  .right {
    width: 64%;
    .el-scrollbar /deep/ .el-scrollbar__wrap {
      overflow-x: hidden;
    }
    h2,
    h3,
    h4,
    h5,
    p {
      font-weight: bold;
      width: 100%;
      margin-bottom: 15px;
    }
    h2 {
      font-size: 1.5em;
    }
    h3 {
      font-size: 1.17em;
      text-indent: 0.5em;
    }
    h4 {
      text-indent: 1em;
    }
    h5 {
      font-size: 0.83em;
      text-indent: 1.5em;
    }
    p {
      text-indent: 2em;
      font-weight: normal;
    }
    table {
      width: 50%;
      margin: 0 auto;
      margin-bottom: 15px;
      text-align: center;
      th,
      td {
        border: 1px solid black;
        padding: 5px 0;
      }
      th {
        background-color: #a6a6a6;
        font-weight: bold;
      }
    }
    img {
      width: 80%;
      display: block;
      margin: 0 auto;
      padding-top: 15px;
      margin-bottom: 30px;
    }
  }
}
</style>